<?php
session_start();
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../../index.php'>";
?>
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulario Adm. de Roles de usuario</title>
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../../bootstrap/css/view.css" rel="stylesheet">
<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script>
<script type="text/javascript" src="../../bootstrap/scripts/scripts.js"></script>
<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../bootstrap/js/toastr.min.js"></script>
	<link href="../../bootstrap/css/toastr.min.css" rel="stylesheet">   
</head>

<body id="main_body" onload="cargarDatos()" >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110" style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes (CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->	
	<img id="top" src="../../imagenes/top.png" alt="" style="width:1200px;">
	<div id="form_container"  style="width:1200px;" >
	
		<h1><a>Formulario Adm. de Roles de usuario</a></h1>
		<form id="form_729948" class="appnitro" method="post" action="" style="background-color: #f2f9f2">
					<div class="form_description">
			<h2>Formulario Adm. de Roles de usuario</h2>
			<p>Para cada rol, establezca los privilegios para cada proceso.</p>
		</div>						
			<ul >
			
		<li id="li_1" >
		<label class="description" for="roles">Roles </label>
		<div>
		<select class="element select medium" id="roles" name="" onchange="traerpermisos(this);">
		 <option value="0" >Seleccionar...</option>
			<!-- <option value="1" >ADMINISTRADOR</option>
			<option value="2" >JEFE DE VENTAS</option>
			<option value="3" >SUPERVISOR</option>
			<option value="4" >ANALISTAS A. CLIENTE</option>
			<option value="5" >VENDEDOR</option>
			<option value="6" >OPERADOR</option> -->
		</select>
		
		<a data-toggle="modal" href="#nuevoRol" class="btn btn-info btn-xs">Crear nuevo rol</a>
		  <!-- Modal -->
		  <div class="modal fade" id="nuevoRol" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		      <div class="modal-content">
		        <div class="modal-header">
		          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		          <h4 class="modal-title">Ingrese nuevo rol:</h4>
		        </div>
		        <div class="modal-body">
			        <label class="description" for="nombrerol">Nombre:</label>
			          <span>
						<input id="nombrerol" name= "" class="element text" maxlength="255"  value="" placeholder="nombre del rol"/>
					  </span>
					  <label class="description" for="descripcionrol">Descripci&oacute;n:</label>
			          <span>
						<input id="descripcionrol" name= "" class="element text" maxlength="255"  value="" placeholder="descripcion del rol"/>
					  </span>
			     </div>
		        <div class="modal-footer">
		          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
		          <button type="button" class="btn btn-primary" onclick="insertarNuevoRol(); return false">Enviar datos</button>
		        </div>
		      </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		  </div><!-- /.modal -->
		
		<a data-toggle="modal" href="#DESCROL" class="btn btn-warning btn-xs">Ver descripci&oacute;n del rol</a>
		  <!-- Modal -->
		  <div class="modal fade" id="DESCROL" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		      <div class="modal-content">
		        <div class="modal-header">
		          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		          <h4 class="modal-title">Descripci&oacute;n:</h4>
		        </div>
		        <div class="modal-body" id="modalbody">
			        
			     </div>
		        <div class="modal-footer">
		          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<!-- 		          <button type="button" class="btn btn-primary" onclick="insertarNuevoRol(); return false">Enviar datos</button> -->
		        </div>
		      </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		  </div><!-- /.modal -->	
		  
		    
		  <!-- Modal nuevo permiso--> 
		  <div class="modal fade" id="modalnuevopermiso" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		      <div class="modal-content">
		        <div class="modal-header">
		          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		          <h4 class="modal-title">Agregar nuevo permiso:</h4>
		        </div>
		        <div class="modal-body" id="modalbody">
			        <label class="description" for="element_2">Procesos del sistema </label>
				 <div>
					<select class="element select medium" id="procesos" name=""> 
					 <option value="0" selected="selected">Seleccionar...</option>
					</select>
			     </div>
			     	<input id="select" name="" class="element checkbox" type="checkbox" value="1" />
					<label class="choice" for="select">Consultar (Select)</label>
					<input id="insert" name="" class="element checkbox" type="checkbox" value="1" />
					<label class="choice" for="insert">Registrar (Insert)</label>
					<input id="borrar" name="" class="element checkbox" type="checkbox" value="1" />
					<label class="choice" for="delete">Borrar (Delete)</label>
					<input id="update" name="" class="element checkbox" type="checkbox" value="1" />
					<label class="choice" for="update">Actualizar (Update)</label>
					<input id="open" name="" class="element checkbox" type="checkbox" value="1" />
					<label class="choice" for="open">Abrir</label>
					<input id="print" name="" class="element checkbox" type="checkbox" value="1" />
					<label class="choice" for="print">Imprimir</label>
		        <div class="modal-footer">
		          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
		          <button type="button" class="btn btn-primary" onclick="insertarPermisos(); return false">Enviar datos</button>
		        </div>
		      </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		  </div><!-- /.modal -->
		 	
		 
		   
		
		</li>
		<!-- <li id="li_2" >
		
		</div> 
		</li> -->	
		 <!-- Modal pregunta-->
					  <div class="modal fade" id="modalmode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datosmodal">
						   			
								</div>	
								<div id="datosmod">
						   			<label class="description" for="element_2">Modificaci&oacute;n de Permisos </label>
						   			<ul>
						   			<li>
									 <span>
										<strong><label class="description">Proceso: <div id="nomproceso"></div></label></strong>
								     </span>
								     </li>
								     	<li><label>Seleccionar: <div id="divselect" ></div></label><button type="button" class="btn btn-link btn-xs" onclick="toggle(1);" >Cambiar</button></li>
										<li><label>Insertar: <div id="divinsert" ></div></label><button type="button" class="btn btn-link btn-xs" onclick="toggle(2);" >Cambiar</button></li>
										<li><label>Borrar: <div id="divborrar" ></div></label><button type="button" class="btn btn-link btn-xs" onclick="toggle(3);" >Cambiar</button></li>
										<li><label>Abrir: <div id="divopen" ></div></label><button type="button" class="btn btn-link btn-xs" onclick="toggle(4);" >Cambiar</button></li>
										<li><label>Imprimir: <div id="divprint" ></div></label><button type="button" class="btn btn-link btn-xs" onclick="toggle(5);" >Cambiar</button></li>
										<li><label>Actualizar<div id="divupdate" ></div></label><button type="button" class="btn btn-link btn-xs" onclick="toggle(6);" >Cambiar</button></li>
										</ul>
								</div>																
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="eliminarPermiso(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->	
		<li id="li_3" >
		<div class="alert alert-block alert-danger fade in" id="mensaje">
<!-- 					        <h4>Descripci&oacute;n del proceso</h4> -->
<!-- 					        <p>Breve descripci&oacute;n dl proceso</p> -->
					        
		</div>
		<a data-toggle="modal" href="#modalnuevopermiso" class="btn btn-info btn-xs">Agregar nuevo permiso</a>
		<legend>Permisos establecidos para este rol</legend>
		<div class="container" style="min-height:1000px;">
		<div id="tabla">
				
				 

		</div>
		</div>
		</li>
			
					<li class="buttons">
		                
						<input id="cancelar" class="btn btn-warning" type="button" name="" value="Salir" />
			</li>
			</ul>
		</form>	
	</div>
	<img id="bottom" src="../../imagenes/bottom.png" alt="" style="width:1200px;">
	<!--  footer -->
   <img id="bottom" src="../../imagenes/top.png" alt="" style="width:1200px;">
    <img id="bottom" src="../../imagenes/bottom.png" alt="" style="width:1200px;">
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

var conexhttp;

function traerpermisos(sel)
{
	document.getElementById('mensaje').innerHTML="";
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarTabla;
	conexhttp.open('GET',"cargardatos.php?id=perm&idrol="+sel.value, true);
	conexhttp.send(null);
}
function presentarTabla()
{
  if(conexhttp.readyState == 4)
  document.getElementById('tabla').innerHTML = conexhttp.responseText;
  else 
	  document.getElementById('tabla').innerHTML = "Cargando tabla, por favor espere...";
}
var datos;
var varmodal;
function modificar(codigo,codigo2)
{
	codigoRol=codigo;
	codigoModulo=codigo2;
	varmodal=1;
	datos = new Array();
	 $(function () 
	  {
	    $.ajax({ 
		  async:false,
		  data:{idrol:codigo,idmodulo:codigo2},                                       
	      url: 'cargarroles.php',                
	      dataType: "json",                
	      success: function(data)          
			{
				
	    	  $('#divselect').html(icono(data[1]));
	    	  $('#divinsert').html(icono(data[0]));
	    	  $('#divborrar').html(icono(data[2]));
	    	  $('#divopen').html(icono(data[3]));
	    	  $('#divprint').html(icono(data[4]));
	    	  $('#divupdate').html(icono(data[5]));
	    	  $('#nomproceso').html(data[6]);	
	    	  datos[0] = data[0];
	    	  datos[1] = data[1];
	    	  datos[2] = data[2];
	    	  datos[3] = data[3];
	    	  datos[4] = data[4];
	    	  datos[5] = data[5];
	    	 
	      }
	    });
	  });
	$('#datosmod').show();
	$('#datosmodal').hide();
	$('#modalmode').modal("show");
	//alert("En desarrollo");
}
function toggle(cual)
{
	if(cual==1)
	{
		datos[1] = datos[1] == 0 ? 1 : 0;
		$('#divselect').html(icono(datos[1]));
	}
	else if(cual==2)
	{
		datos[0] = datos[0] == 0 ? 1 : 0;
		$('#divinsert').html(icono(datos[0]));
	}
	else if(cual==3)
	{
		datos[2] = datos[2] == 0 ? 1 : 0;
		$('#divborrar').html(icono(datos[2]));
	}
	else if(cual==4)
	{
		datos[3] = datos[3] == 0 ? 1 : 0;
		$('#divopen').html(icono(datos[3]));
	}
	else if(cual==5)
	{
		datos[4] = datos[4] == 0 ? 1 : 0;
		$('#divprint').html(icono(datos[4]));
	}
	else if(cual==6)
	{
		datos[5] = datos[5] == 0 ? 1 : 0;
		$('#divupdate').html(icono(datos[5]));
	}
}
function icono(estado)
{
	iconos="";
	if(estado == 0)
		iconos = "<span class= 'glyphicon glyphicon-remove'></span>";
	else if(estado == 1)
		iconos = "<span class= 'glyphicon glyphicon-ok'></span>";
	return iconos;
}
var codigoRol;
var codigoModulo;

function eliminar(codigo1,codigo2)
{
	varmodal=2;
	$('#datosmod').hide();
	$('#datosmodal').show();
	codigoRol=codigo1;
	codigoModulo=codigo2;
	document.getElementById('datosmodal').innerHTML = "<h4>Est&aacute; seguro de eliminar este permiso:  </h4><strong>Id Rol: <span class='badge'>"+codigoRol+"</span><br></strong><strong>Id M&oacute;dulo:</strong> <span class='badge'>"+codigoModulo+"</span>";
	$('#modalmode').modal("show");
}
function eliminarPermiso()
{
	try {
		
	if(varmodal==2)//si es eliminar
	{
		
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarNuevaTabla;
	conexhttp.open('GET',"eliminarpermiso.php?idrol="+codigoRol+"&idmod="+codigoModulo, true);
	conexhttp.send(null);
	}
	else if(varmodal==1)// si es modificar
	{
				
		  	conexhttp=crearXMLHttpRequest();
			conexhttp.onreadystatechange = presentarNuevaTabla;
			conexhttp.open('GET',"actualizarpermiso.php?idrol="+codigoRol+"&idmod="+codigoModulo+"&insertar="+datos[0]+"&seleccionar="+datos[1]+"&eliminar="+datos[2]+"&abrir="+datos[3]+"&imprimir="+datos[4]+"&actualizar="+datos[5], true);
			conexhttp.send(null);
	}
	$('#modalmode').modal("hide");
	
		
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function presentarNuevaTabla()
{
	if(conexhttp.readyState == 4){
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarTabla;
		conexhttp.open('GET',"cargardatos.php?id=perm&idrol="+codigoRol, true);
		conexhttp.send(null);}
		  else 
			  document.getElementById('tabla').innerHTML = "Cargando tabla, por favor espere...";
}
</script>
</html>